<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
</head>

<body>
<div id="wrap">
	<div id="wrapin">
		
		<div id="top">
			<div id="logo">
				<a href="#"></a>
			</div>
			
			<div id="topright">
				
				<div id="toprighttop">
					<div id="search">
						<form action="#" method="get" >
							<input name="q" maxlength="50" type="text" value="" />
							<a class="search_btn" href="#">Search</a> 
						</form>
					</div>
					<div id="lang">
						Language:
						<div id="langchange">
							<span></span>
							<a class="current" href="#">English</a>
							<a href="#">Bulgarian</a>							
						</div>
					</div>
				</div>
				
				<div id="menu">
					<ul>
					<li><a href="">Home</a></li>
					<li><a href="">About us</a></li>
					<li><a href="">News</a></li>
					<li><a href="">Program</a></li>
					<li class="isparent"><a href="">Registration</a>
						<ul>
						<li><a href="">Information</a></li>
						<li><a href="">Registration form</a></li>
						</ul>
					</li>
					<li><a href="">login</a></li>
					</ul>
				</div>				
				
			</div>
		</div><!--#top-->
		
		<div id="content">
			
			<div class="left narrow">
				
				<div id="bigtab1" class="biglogin redcolor">
					SIGN IN
				</div>
				
				<div id="bigtab2" class="bigregister">
					SIGN UP
				</div>
				
			</div>
			
			<div class="right wide">
				
				<div class="bigarrow">
				</div>
				
				<div class="bigdivs">
					<div id="bigdiv1">
						
						<form>
						Username<br>
						<input type="text" value=""><br>
						Password<br>
						<input type="password" value=""><br>
						<br>
						<label>
						<input name="remember" type="checkbox" value="1">
						
						Remember me</label><br><br>
						
						<a href="#" class="button">Login</a>
						
						<br><br>
						<a href="#">lost password</a>
						</form>
						
					</div>
					
					<div id="bigdiv2">
						
						
						<form>
						<table width="100%">
							<tr>
								<td>
									Select home country<br>
									<div class="select white"><select>
									  <option selected value="volvo">Volvo</option>
									  <option value="saab">Saab</option>
									  <option value="mercedes">Mercedes</option>
									  <option value="audi">Audi</option>
									</select></div>
								</td>
								<td>
									E-mail<br>
									<input type="text" value="">
								</td>
							</tr>
							<tr>
								<td>
									Mobile<br>
									<input type="text" value="">
								</td>
								<td>
									Username<br>
									<input type="text" value="">
								</td>
							</tr>
							<tr>
								<td>
									First Name<br>
									<input type="text" value="">
								</td>
								<td>
									Password<br>
									<input type="text" value="">
								</td>
							</tr>
							<tr>
								<td>
									Last Name<br>
									<input type="text" value="">
								</td>
								<td>
									Confirm password<br>
									<input type="text" value="">
								</td>
							</tr>
						</table>
						
						<br><br>
						
						<label>
						<input name="iagree" type="checkbox" value="1">
						I agree to the <a target="_blank" href="/terms-of-use">Terms & Conditions</a>
						</label>
						
						<br><br>
						<a class="button">Register</a>
						
						</form>
						

						
					</div>
				</div>
				
				
			</div>
			
		</div>
		
	</div>
</div>
<div id="footerwrap">
	<div id="footer">
		<div id="footleft">
			<h3>Latest News</h3>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			
		</div>
		<div id="footright">
			<h3>Contact us</h3>
			
			Móvel: +351 91 4439564<br>
			Telefone: +351 308800769<br>
			Sede: Rua Ruivo Godinho, lote 6, R/C esq.<br>
			Castelo Branco 6000-275, Portugal<br>
			Email: office@olapark.pt
			
			<div class="social">
				<a class="fb" href="#"></a>
				<a class="tw" href="#"></a>
				<a class="sk" href="#"></a>
			</div>
		</div>
		<div id="footbot">
			<div id="copy">
				Copyright © 2013 OLAPARK. All rights reserved.
			</div>
			<div id="footmenu">
				<a href="#">Terms of Use</a>
				<a href="#">FAQ</a>
				<a href="#">Sitemap</a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" language="javascript" src="js/script.js" ></script>
</body>
</html>
